import { AuthLayout } from '~/components/AuthLayout'
import { SignUpForm } from '~/components/SignUpForm'

export default function SignIn() {
  return (
    <AuthLayout>
      <div class="uk-card uk-card-body p6">
        <div class='flex flex-col space-y-2 text-left'>
          <h1 class='text-2xl font-semibold tracking-tight'>Login</h1>
          <p class='text-sm text-muted-foreground'>
            Enter your email and password below <br />
            to log into your account
          </p>
        </div>
        <SignUpForm />
        <p class='mt-4 px-8 text-center text-sm text-muted-foreground'>
          By clicking login, you agree to our{' '}
          <a
            href='/terms'
            class='underline underline-offset-4 hover:text-primary'
          >
            Terms of Service
          </a>{' '}
          and{' '}
          <a
            href='/privacy'
            class='underline underline-offset-4 hover:text-primary'
          >
            Privacy Policy
          </a>
          .
        </p>
      </div>
    </AuthLayout>
  )
}
